/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {ImageBackground} from 'react-native';

// project
import {Page, Content, Float, Hand, Text, Image, TouchOpacity} from '../../library';
import {FooterMain} from '../../preset';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/
export default class MyFamily extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
    constructor(props) {
        super(props);
        this.Nav = this.props.navigation;

        /**
         * state
         */
        this.state = {
            
        };
    }

    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
    render(){
        return(
            <Page>
                    {/* 背景图 star */}
                    <ImageBackground source={require('../../assets/u13211.jpg')} style={{width:'100%',height:'100%',display:'flex',justifyContent:'center',alignItems:'center'}} >
                        <Content>
                        </Content>
                    </ImageBackground>
                    {/* 背景图 end */}

                    {/* 开启按钮 star */}
                    <Float bottom='70' style={{left:'50%'}} ml='-56'>
                        <TouchOpacity active={1} oncolor='transparent' w='100' h='100' ra='56' x='center' y='center' bg='#11948044' df pa='6'>
                            <Hand x='center' y='center' bg='#11948088' w='88' h='88' ra='50' df pa='6'>
                                <Hand x='center' y='center' bg='#119480cc' w='76' h='76' ra='38' df>
                                    <Hand x='center' bg='#119480ff' w='64' h='64' ra='32' py='7' df style={{flexDirection:'column',justifyContent:'space-between'}}>
                                        <Image source={require('../../assets/u1359.png')} w='26' h='26'></Image>
                                        <Text color='#fff'>开启</Text>
                                    </Hand>
                                </Hand> 
                            </Hand>
                        </TouchOpacity>
                    </Float>
                    {/* 开启按钮 star */}


                {/* 页脚 */}
                <FooterMain current='Smart' nav={this.Nav}></FooterMain>

            </Page>
        )
    }
}
